<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>抽屉</title>
    <link rel="stylesheet" href="./view/抽屉/styles.css">
</head>
<body>
<!-- 抽屉 Unnamed (Rectangle) -->
<div id="u8358" class="ax_default box_1">
    <img id="u8358_img" class="img " src="assets/images/抽屉/u8358.svg"/>
    <div id="u8358_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- content (Dynamic Panel) -->
<div id="u8359" class="ax_default" data-label="content">
    <div id="u8359_state0" class="panel_state" data-label="State1" style="">
        <div id="u8359_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8360" class="ax_default box_1">
                <div id="u8360_div" class=""></div>
                <div id="u8360_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8361" class="ax_default box_1">
                <div id="u8361_div" class=""></div>
                <div id="u8361_text" class="text ">
                    <p><span>Basic Drawer Right</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8362" class="ax_default label">
                <div id="u8362_div" class=""></div>
                <div id="u8362_text" class="text ">
                    <p><span>Some contents...</span></p><p><span>Some contents...</span></p><p><span>Some contents...</span></p>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8363" class="ax_default heading_1">
    <div id="u8363_div" class=""></div>
    <div id="u8363_text" class="text ">
        <p><span>Drawer 抽屉</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8364" class="ax_default heading_1">
    <div id="u8364_div" class=""></div>
    <div id="u8364_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8365" class="ax_default label">
    <div id="u8365_div" class=""></div>
    <div id="u8365_text" class="text ">
        <p><span>抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到到原任务。</span></p><p><span><br></span></p><p><span><br></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8366" class="ax_default label">
    <div id="u8366_div" class=""></div>
    <div id="u8366_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8367" class="ax_default label">
    <div id="u8367_div" class=""></div>
    <div id="u8367_text" class="text ">
        <p><span>基础抽屉，点击触发按钮抽屉从右滑出，点击遮罩区关闭。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8368" class="ax_default box_1">
    <div id="u8368_div" class=""></div>
    <div id="u8368_text" class="text ">
        <p><span>打开抽屉</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8369" class="ax_default label">
    <div id="u8369_div" class=""></div>
    <div id="u8369_text" class="text ">
        <p><span>左侧滑出</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8370" class="ax_default label">
    <div id="u8370_div" class=""></div>
    <div id="u8370_text" class="text ">
        <p><span>基础抽屉，点击触发按钮抽屉从左滑出，点击遮罩区关闭。</span></p>
    </div>
</div>

<!-- normal-left (Dynamic Panel) -->
<div id="u8371" class="ax_default ax_default_hidden" data-label="normal-left" style="display:none; visibility: hidden">
    <div id="u8371_state0" class="panel_state" data-label="State1" style="">
        <div id="u8371_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8372" class="ax_default box_1">
                <img id="u8372_img" class="img " src="assets/images/抽屉/u8358.svg"/>
                <div id="u8372_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u8373" class="ax_default" data-label="content">
                <div id="u8373_state0" class="panel_state" data-label="State1" style="">
                    <div id="u8373_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8374" class="ax_default box_1">
                            <div id="u8374_div" class=""></div>
                            <div id="u8374_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8375" class="ax_default box_1">
                            <div id="u8375_div" class=""></div>
                            <div id="u8375_text" class="text ">
                                <p><span>Basic Drawer Left</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8376" class="ax_default label">
                            <div id="u8376_div" class=""></div>
                            <div id="u8376_text" class="text ">
                                <p><span>Some contents...</span></p><p><span>Some contents...</span></p><p><span>Some contents...</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8377" class="ax_default box_1">
    <div id="u8377_div" class=""></div>
    <div id="u8377_text" class="text ">
        <p><span>打开抽屉</span></p>
    </div>
</div>

<!-- object (Dynamic Panel) -->
<div id="u8378" class="ax_default ax_default_hidden" data-label="object" style="display:none; visibility: hidden">
    <div id="u8378_state0" class="panel_state" data-label="State1" style="">
        <div id="u8378_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8379" class="ax_default box_1">
                <img id="u8379_img" class="img " src="assets/images/抽屉/u8358.svg"/>
                <div id="u8379_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u8380" class="ax_default" data-label="content">
                <div id="u8380_state0" class="panel_state" data-label="State1" style="">
                    <div id="u8380_state0_content" class="panel_state_content">

                        <!-- Unnamed (Group) -->
                        <div id="u8381" class="ax_default" data-left="0" data-top="0" data-width="703" data-height="448">

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8382" class="ax_default box_1">
                                <div id="u8382_div" class=""></div>
                                <div id="u8382_text" class="text " style="display:none; visibility: hidden">
                                    <p></p>
                                </div>
                            </div>

                            <!-- Unnamed (Dynamic Panel) -->
                            <div id="u8383" class="ax_default">
                                <div id="u8383_state0" class="panel_state" data-label="State1" style="">
                                    <div id="u8383_state0_content" class="panel_state_content">

                                        <!-- Unnamed (Rectangle) -->
                                        <div id="u8384" class="ax_default box_1">
                                            <div id="u8384_div" class=""></div>
                                            <div id="u8384_text" class="text ">
                                                <p><span>Create</span></p>
                                            </div>
                                        </div>

                                        <!-- Unnamed (Line) -->
                                        <div id="u8385" class="ax_default line">
                                            <img id="u8385_img" class="img " src="assets/images/对话框/u8224.svg"/>
                                            <div id="u8385_text" class="text " style="display:none; visibility: hidden">
                                                <p></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Dynamic Panel) -->
                            <div id="u8386" class="ax_default">
                                <div id="u8386_state0" class="panel_state" data-label="State1" style="">
                                    <div id="u8386_state0_content" class="panel_state_content">

                                        <!-- Unnamed (Rectangle) -->
                                        <div id="u8387" class="ax_default label">
                                            <div id="u8387_div" class=""></div>
                                            <div id="u8387_text" class="text ">
                                                <p><span></span></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Dynamic Panel) -->
                            <div id="u8388" class="ax_default">
                                <div id="u8388_state0" class="panel_state" data-label="State1" style="">
                                    <div id="u8388_state0_content" class="panel_state_content">

                                        <!-- Unnamed (Rectangle) -->
                                        <div id="u8389" class="ax_default box_1">
                                            <div id="u8389_div" class=""></div>
                                            <div id="u8389_text" class="text " style="display:none; visibility: hidden">
                                                <p></p>
                                            </div>
                                        </div>

                                        <!-- Unnamed (Line) -->
                                        <div id="u8390" class="ax_default line">
                                            <img id="u8390_img" class="img " src="assets/images/对话框/u8224.svg"/>
                                            <div id="u8390_text" class="text " style="display:none; visibility: hidden">
                                                <p></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Dynamic Panel) -->
                            <div id="u8391" class="ax_default">
                                <div id="u8391_state0" class="panel_state" data-label="State1" style="">
                                    <div id="u8391_state0_content" class="panel_state_content">

                                        <!-- Unnamed (Rectangle) -->
                                        <div id="u8392" class="ax_default box_1">
                                            <div id="u8392_div" class=""></div>
                                            <div id="u8392_text" class="text ">
                                                <p><span>Submit</span></p>
                                            </div>
                                        </div>

                                        <!-- Unnamed (Rectangle) -->
                                        <div id="u8393" class="ax_default box_1">
                                            <img id="u8393_img" class="img " src="assets/images/抽屉/u8393.svg"/>
                                            <div id="u8393_text" class="text ">
                                                <p><span>Cancel</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8394" class="ax_default label">
                                <div id="u8394_div" class=""></div>
                                <div id="u8394_text" class="text ">
                                    <p><span>Name</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Group) -->
                            <div id="u8395" class="ax_default" data-left="18" data-top="102" data-width="312" data-height="32">

                                <!-- input-border (Rectangle) -->
                                <div id="u8396" class="ax_default box_1" data-label="input-border">
                                    <div id="u8396_div" class=""></div>
                                    <div id="u8396_text" class="text " style="display:none; visibility: hidden">
                                        <p></p>
                                    </div>
                                </div>

                                <!-- Unnamed (Text Field) -->
                                <div id="u8397" class="ax_default text_field">
                                    <div id="u8397_div" class=""></div>
                                    <input id="u8397_input" type="text" value="" class="u8397_input"/>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8398" class="ax_default label">
                                <div id="u8398_div" class=""></div>
                                <div id="u8398_text" class="text ">
                                    <p><span>Name</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Group) -->
                            <div id="u8399" class="ax_default" data-left="370" data-top="102" data-width="313" data-height="32">

                                <!-- input-border (Rectangle) -->
                                <div id="u8400" class="ax_default box_1" data-label="input-border">
                                    <div id="u8400_div" class=""></div>
                                    <div id="u8400_text" class="text ">
                                        <p><span>http://</span></p>
                                    </div>
                                </div>

                                <!-- input-border (Rectangle) -->
                                <div id="u8401" class="ax_default box_1" data-label="input-border">
                                    <div id="u8401_div" class=""></div>
                                    <div id="u8401_text" class="text ">
                                        <p><span>.com</span></p>
                                    </div>
                                </div>

                                <!-- Unnamed (Group) -->
                                <div id="u8402" class="ax_default" data-left="427" data-top="102" data-width="209" data-height="32">

                                    <!-- input-border (Rectangle) -->
                                    <div id="u8403" class="ax_default box_1" data-label="input-border">
                                        <div id="u8403_div" class=""></div>
                                        <div id="u8403_text" class="text " style="display:none; visibility: hidden">
                                            <p></p>
                                        </div>
                                    </div>

                                    <!-- Unnamed (Text Field) -->
                                    <div id="u8404" class="ax_default text_field">
                                        <div id="u8404_div" class=""></div>
                                        <input id="u8404_input" type="text" value="" class="u8404_input"/>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Group) -->
                            <div id="u8405" class="ax_default" data-left="18" data-top="190" data-width="312" data-height="32">

                                <!-- input-border (Rectangle) -->
                                <div id="u8406" class="ax_default box_1" data-label="input-border">
                                    <div id="u8406_div" class=""></div>
                                    <div id="u8406_text" class="text ">
                                        <p><span>please select an owner</span></p>
                                    </div>
                                </div>

                                <!-- input-border (Rectangle) -->
                                <div id="u8407" class="ax_default box_1" data-label="input-border">
                                    <img id="u8407_img" class="img " src="assets/images/抽屉/input-border_u8407.svg"/>
                                    <div id="u8407_text" class="text ">
                                        <p><span></span></p>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8408" class="ax_default label">
                                <div id="u8408_div" class=""></div>
                                <div id="u8408_text" class="text ">
                                    <p><span>Owner</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Group) -->
                            <div id="u8409" class="ax_default" data-left="370" data-top="190" data-width="312" data-height="32">

                                <!-- input-border (Rectangle) -->
                                <div id="u8410" class="ax_default box_1" data-label="input-border">
                                    <div id="u8410_div" class=""></div>
                                    <div id="u8410_text" class="text ">
                                        <p><span>please choose the type</span></p>
                                    </div>
                                </div>

                                <!-- input-border (Rectangle) -->
                                <div id="u8411" class="ax_default box_1" data-label="input-border">
                                    <img id="u8411_img" class="img " src="assets/images/抽屉/input-border_u8407.svg"/>
                                    <div id="u8411_text" class="text ">
                                        <p><span></span></p>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8412" class="ax_default label">
                                <div id="u8412_div" class=""></div>
                                <div id="u8412_text" class="text ">
                                    <p><span>Type</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Group) -->
                            <div id="u8413" class="ax_default" data-left="18" data-top="279" data-width="312" data-height="32">

                                <!-- input-border (Rectangle) -->
                                <div id="u8414" class="ax_default box_1" data-label="input-border">
                                    <div id="u8414_div" class=""></div>
                                    <div id="u8414_text" class="text ">
                                        <p><span>please choose the approver</span></p>
                                    </div>
                                </div>

                                <!-- input-border (Rectangle) -->
                                <div id="u8415" class="ax_default box_1" data-label="input-border">
                                    <img id="u8415_img" class="img " src="assets/images/抽屉/input-border_u8407.svg"/>
                                    <div id="u8415_text" class="text ">
                                        <p><span></span></p>
                                    </div>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8416" class="ax_default label">
                                <div id="u8416_div" class=""></div>
                                <div id="u8416_text" class="text ">
                                    <p><span>Approver</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8417" class="ax_default label">
                                <div id="u8417_div" class=""></div>
                                <div id="u8417_text" class="text ">
                                    <p><span>DateTime</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Group) -->
                            <div id="u8418" class="ax_default" data-left="370" data-top="282" data-width="313" data-height="32">

                                <!-- input-border (Rectangle) -->
                                <div id="u8419" class="ax_default box_1" data-label="input-border">
                                    <div id="u8419_div" class=""></div>
                                    <div id="u8419_text" class="text ">
                                        <p><span></span></p>
                                    </div>
                                </div>

                                <!-- Unnamed (Text Field) -->
                                <div id="u8420" class="ax_default text_field">
                                    <div id="u8420_div" class=""></div>
                                    <input id="u8420_input" type="date" value="" class="u8420_input"/>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u8421" class="ax_default label">
                                <div id="u8421_div" class=""></div>
                                <div id="u8421_text" class="text ">
                                    <p><span>Description</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Group) -->
                            <div id="u8422" class="ax_default" data-left="18" data-top="368" data-width="664" data-height="80">

                                <!-- input-area-border (Rectangle) -->
                                <div id="u8423" class="ax_default box_1" data-label="input-area-border">
                                    <div id="u8423_div" class=""></div>
                                    <div id="u8423_text" class="text " style="display:none; visibility: hidden">
                                        <p></p>
                                    </div>
                                </div>

                                <!-- Unnamed (Text Area) -->
                                <div id="u8424" class="ax_default text_area">
                                    <div id="u8424_div" class=""></div>
                                    <textarea id="u8424_input" class="u8424_input"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8425" class="ax_default label">
    <div id="u8425_div" class=""></div>
    <div id="u8425_text" class="text ">
        <p><span>对象编辑</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8426" class="ax_default label">
    <div id="u8426_div" class=""></div>
    <div id="u8426_text" class="text ">
        <p><span>用于承载编辑相关操作，需要点击关闭按钮关闭。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8427" class="ax_default box_1">
    <div id="u8427_div" class=""></div>
    <div id="u8427_text" class="text ">
        <p><span>打开抽屉</span></p>
    </div>
</div>

<!-- info (Dynamic Panel) -->
<div id="u8428" class="ax_default ax_default_hidden" data-label="info" style="display:none; visibility: hidden">
    <div id="u8428_state0" class="panel_state" data-label="State1" style="">
        <div id="u8428_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8429" class="ax_default box_1">
                <img id="u8429_img" class="img " src="assets/images/抽屉/u8429.svg"/>
                <div id="u8429_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u8430" class="ax_default" data-label="content">
                <div id="u8430_state0" class="panel_state" data-label="State1" style="">
                    <div id="u8430_state0_content" class="panel_state_content">

                        <!-- Unnamed (Dynamic Panel) -->
                        <div id="u8431" class="ax_default">
                            <div id="u8431_state0" class="panel_state" data-label="State1" style="">
                                <div id="u8431_state0_content" class="panel_state_content">

                                    <!-- Unnamed (Rectangle) -->
                                    <div id="u8432" class="ax_default box_1">
                                        <div id="u8432_div" class=""></div>
                                        <div id="u8432_text" class="text ">
                                            <p><span>User Profile</span></p>
                                        </div>
                                    </div>

                                    <!-- Unnamed (Line) -->
                                    <div id="u8433" class="ax_default line">
                                        <img id="u8433_img" class="img " src="assets/images/对话框/u8224.svg"/>
                                        <div id="u8433_text" class="text " style="display:none; visibility: hidden">
                                            <p></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8434" class="ax_default label">
                            <div id="u8434_div" class=""></div>
                            <div id="u8434_text" class="text ">
                                <p><span>Personal</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8435" class="ax_default label">
                            <div id="u8435_div" class=""></div>
                            <div id="u8435_text" class="text ">
                                <p><span>Full Name: Aresn</span></p><p><span>City: BeiJing</span></p><p><span>Birthday: May 14, 1991</span></p><p><span>Message: Hello, Developer</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8436" class="ax_default label">
                            <div id="u8436_div" class=""></div>
                            <div id="u8436_text" class="text ">
                                <p><span style="color:#515A6E;">Account: aresn@aresn.com</span></p><p><span style="color:#515A6E;">Country: China</span></p><p><span style="color:#515A6E;">Website: </span><span style="color:#2C8CF0;">https://dev.iviewui.com</span></p><p><span style="color:#515A6E;"><br></span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Line) -->
                        <div id="u8437" class="ax_default line">
                            <img id="u8437_img" class="img " src="assets/images/抽屉/u8437.svg"/>
                            <div id="u8437_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8438" class="ax_default label">
                            <div id="u8438_div" class=""></div>
                            <div id="u8438_text" class="text ">
                                <p><span>Company</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8439" class="ax_default label">
                            <div id="u8439_div" class=""></div>
                            <div id="u8439_text" class="text ">
                                <p><span>Position: Programmer</span></p><p><span>Department: Map visualization</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8440" class="ax_default label">
                            <div id="u8440_div" class=""></div>
                            <div id="u8440_text" class="text ">
                                <p><span>Responsibilities:Coding</span></p><p><span><br></span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8441" class="ax_default label">
                            <div id="u8441_div" class=""></div>
                            <div id="u8441_text" class="text ">
                                <p><span>Skills:C / C + +, data structures, software engineering, operating systems, computer networks, databases, compiler theory, computer architecture, Microcomputer Principle and Interface Technology, Computer English, Java, ASP, etc.</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Line) -->
                        <div id="u8442" class="ax_default line">
                            <img id="u8442_img" class="img " src="assets/images/抽屉/u8437.svg"/>
                            <div id="u8442_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8443" class="ax_default label">
                            <div id="u8443_div" class=""></div>
                            <div id="u8443_text" class="text ">
                                <p><span>Contacts</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8444" class="ax_default label">
                            <div id="u8444_div" class=""></div>
                            <div id="u8444_text" class="text ">
                                <p><span style="color:#515A6E;">Email: admin@aresn.com</span></p><p><span style="color:#515A6E;">GitHub: </span><span style="color:#2C8CF0;">https://github.com/iview/iview</span></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8445" class="ax_default label">
                            <div id="u8445_div" class=""></div>
                            <div id="u8445_text" class="text ">
                                <p><span>&nbsp;Phone Number: +86 18888888888</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8446" class="ax_default label">
    <div id="u8446_div" class=""></div>
    <div id="u8446_text" class="text ">
        <p><span>信息预览抽屉</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8447" class="ax_default label">
    <div id="u8447_div" class=""></div>
    <div id="u8447_text" class="text ">
        <p><span>需要快速预览对象概要时使用，点击遮罩区关闭。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8448" class="ax_default box_1">
    <div id="u8448_div" class=""></div>
    <div id="u8448_text" class="text ">
        <p><span>打开抽屉</span></p>
    </div>
</div>
</body>
</html>
